<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@	taglib prefix="s" uri="/struts-tags" %>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js" ></script>
<script> 
	$().ready(function(){
		$("form").validate({ onsubmit: false});
		
		$.validator.addMethod(
		"Letra",
		function(value,element){
	                $(element).attr("value", value);
			return /^[a-zA-Z]+(\s[\s\.a-zA-Z]+)*$/.test($.trim(value)) ;
	                },"\nSolo ingresar letras");
		
		$.validator.addMethod(
			"Numero",
			function(value,element){
				$(element).attr("value",value);
				return /^[0-9]+(\s[\s\.0-9]+)*$/.test($.trim(value)) ;
			},"\nSolo ingresar numero");
		
		$.validator.addMethod(
		  "NumbLetra",
		  function(value,element){
			$(element).attr("value",value);
			 return /^[0-9a-zA-Z]+(\s[\s\.0-9a-zA-Z]+)*$/.test($.trim(value)) ;
			  },"\nSolo ingresar numeros y letras");	
		
	});

</script>
<style type="text/css">
label.error{
color: red;
}
</style>


<h3>REGISTRAR CONSULTA MEDICA</h3>
<s:form id="formDatos" namespace="/operaciones" action="generarcm">
	<s:actionmessage/>
	<s:actionerror/>
	<div id="cabDatosCM" class="mb10 bordeSeccion">
		<label>Nro. de Consulta:</label>
		<s:textfield id="nrohc" name="consultamedica.idconsultamedica" 
					readonly="true" disabled="true" theme="simple"/>
		<label>Fecha creación:</label>
		<s:textfield id="feccreaconsulta" name="consultamedica.fechcrea" 
					readonly="true" disabled="true" theme="simple"/>
	</div>
	<div id="cabDatosPersonal" class="mb10 bordeSeccion">
		<h4>Datos del Paciente</h4>
		<div>
				<table class="tablaformulario">
				 	<tr>
						<td><label>Nro Historia Clinica:</label></td>
						<td><s:textfield id="codhc" name="consultamedica.historiaclinica.idhistoriaclinica" theme="simple"/></td>
						<td><s:submit value="Buscar Paciente" method="paciente"/></td>
					 </tr>
					 <tr>
				 		<td><label>Nombre:</label></td>
				 		<td><s:textfield id="nombrepaciente" name="consultamedica.historiaclinica.nombres" readonly="true" disabled="true" theme="simple"/></td>
					</tr>
				 	<tr>
				 		<td><label>Apellido Paterno:</label></td>
				 		<td><s:textfield id="apepatpaciente" name="consultamedica.historiaclinica.apepat" readonly="true" disabled="true" theme="simple"/></td>
					</tr>
				 	<tr>
						 <td><label>Apellido Materno:</label></td>
						 <td><s:textfield id="apematpaciente" name="consultamedica.historiaclinica.apemat" readonly="true" disabled="true" theme="simple"/></td>
					</tr>
				 	<tr>
						 <td><label>Nro. Documento:</label></td>
						 <td><s:textfield id="nrodocpaciente" name="consultamedica.historiaclinica.nrodoc" readonly="true" disabled="true" theme="simple"/></td>
					</tr>			 			 			 
				</table>
		</div>
		<div>
		
		</div>
	</div>
	<div align="left" id="cabmotivoconsulta" class="mb10 bordeSeccion">
		<table class="tablaformulario" >
		<tr>
			<td><h4>Motivo de Consulta</h4></td>
		</tr>
		<tr>
			<td><s:textarea id="motivoconsulta" cssClass="Letra" name="consultamedica.motivoconsulta" theme="simple"/></td>
		</tr>
		<tr>
			<td><h4>Enfermedad Actual</h4></td>
		</tr>
		<tr>
			<td><s:textarea id="enfermedad" cssClass="Letra"  name="consultamedica.enfermedad" theme="simple"/></td>
		</tr>
		</table>	
	</div>
	
	<div align="center">
		<s:submit value="Grabar" method="registrar"/>
		<s:submit value="Salir" method="salir"/>
	</div>
</s:form>
<script type="text/javascript">

	$("#buscarhc").click(function(e){
		e.preventDefault();
		$.getJSON("buscarHC.do",{
			cod:$("#codhc").val(),
			flag:"7"
		},		
		function(data){
			$("#nombrepaciente").val(data.nombres);
			$("#apepatpaciente").val(data.apepat);
			$("#apematpaciente").val(data.apemat);
			$("#nrodocpaciente").val(data.nrodoc);
		 });
	});
	
	$("#grabarConsulta").click(function(e){
	e.preventDefault();
	if($("form").valid()){	
	$.ajax({
		url:'grabarGCM.do',
		data:$("#formDatos").serialize(),
		cache:false,
		success:function(html){
			$("#panelcuerpo-cen").html(html);
		}
	});
	}else{	alert("Debe ingresar los datos correctamente");}
	});

</script>		
